<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>SAMI</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/layout.css" />
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/jshowoff.css" />
    <link type="text/css" rel="stylesheet" href="{{ MEDIA_URL }}css/jquery.galleryview-3.0-dev.css" />
    <script src="{{ MEDIA_URL }}js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.timers-1.2.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.galleryview-3.0-dev.js"></script>
    <script src="{{ MEDIA_URL }}js/jquery.innerfade.js"></script>

    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-31710629-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>

    <script type="text/javascript">
	$(function(){
		$('#myGallery').galleryView();
	});
    </script>

    <script type="text/javascript">
               $(document).ready(
                        function(){
                            $('ul#publiIlha').innerfade({
                                 speed: 1000,
                                 timeout: 8000,
                                 type: 'sequence',
                                 containerheight: '298px'
                                });
                        });
    </script>
    <script type="text/javascript">
           $(document).ready(
                    function(){
                        $('ul#slide-banner').innerfade({
                            speed: 1000,
                            timeout: 8000,
                            type: 'sequence',
                            containerheight: '90px'
                        });
                });
          </script>


</head>

<body>
<div id="topo">
    <div id="superBanner">
        <ul id="slide-banner" class="innerfade">
        {% for sbanner in superbaneer %}
			<li style="z-index: 3; position: absolute; display: list-item;  ">
				<a href="{{ sbanner.link }}"><object width="728" height="90" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="{{ MEDIA_URL }}{{ sbanner.arquivo }}" name="movie"><param value="high" name="quality"><param value="transparent" name="wmode"><embed width="728" height="90" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="{{ MEDIA_URL }}{{ sbanner.arquivo }}"></object></a>
			</li>
        {% endfor %}
		</ul>
    </div>
</div>
<div id="principal">
    <div id="top">
        <div id="logo">
            <a href="{% url slainte.views.homepage %}">
                <img src="{{ MEDIA_URL }}img/logo2.png">
            </a>
        </div>
        <div id="midias">
            <a href="https://plus.google.com/u/0/b/114835430932634433047/">
                <img src="{{ MEDIA_URL }}img/google.png" alt="">
            </a>
            <a href="http://www.facebook.com/pages/SAMI-Sociedade-dos-Amigos-da-Sa%C3%BAde/278446612221822">
                <img src="{{ MEDIA_URL }}img/facebook.png" alt="">
            </a>
            <a href="#">
                <img src="{{ MEDIA_URL }}img/twitter.png" alt="">
            </a>
        </div>
        <div id="tijolo">
            {% for sbanner in minitijolo|slice:"0:1" %}
                <a href="{{ sbanner.link }}">
                    <embed src="{{ MEDIA_URL }}{{ sbanner.arquivo }}" width="121" height="37"></embed>
                </a>
            {% endfor %}
        </div>
        <div id="busca">
            <form class="formSearch relative left" action="busca" method="get">
                <div id="caixa">
                    <input class="tc" type="text" width="20" name="buscap" />
                </div>
                    <button id="botao" type="submit"></button>
                <div id="btn"></div>
            </form>
        </div>
    </div>
    <div id="menu">
        <div id="itensMenu">
            <a href="{% url slainte.views.homepage %}" class="i1">Home</a>
            <a href="{% url slainte.views.ultimas %}" class="i3">Notícias</a>
            <a href="{% url slainte.views.comoajudar %}" class="i4">Como ajudar</a>
            <a href="{% url slainte.views.quemsomos %}" class="i5">Quem somos</a>
            <a href="{% url slainte.views.todososparceiros %}" class="i6">Parceiros</a>
            <a href="{% url slainte.views.todosdrsami %}" class="i7">Dr.Sami</a>
            <a href="{% url slainte.views.contato %}" class="i8">Contato</a>
            <a href="{% url slainte.views.todasasgalerias %}" class="i2">
                <div id="zoiudo"></div>
                Zoiúdo
            </a>
        </div>
    </div>

    <div id="warpper">
    <div id="container">
        <div id="left">
            <div id="containerContato">
                <h1 class="tituloQs">Quem Somos</h1>

                <p class="textoContato">
                    <img src="{{ MEDIA_URL }}img/logo2.png" width="200"></p>

                <p class="textoContato">A  Sociedade dos Amigos da Saúde é uma associação não governamental que busca desenvolver a saúde no seu mais amplo aspecto. Servindo à população, como auxiliar dos serviços públicos de saúde, das redes hospitalares estaduais e municipais, dos PSFs, pesquisando onde esses serviços apresentam deficiências e tentando suprir essas carências, trabalhando a educação da população mais carente com relação à saúde, saneamento básico e meio ambiente.</p>
                <p class="textoContato">O terceiro setor ocupa cada dia mais um espaço na busca de soluções que possam atender as necessidades da população e hoje é uma linha auxiliar de prestação dos serviços públicos.</p>
                <p class="textoContato">O SAMI conta com sua ajuda para isso.<br>Estamos localizados em frente à Praça da Bandeira na cidade de Campo Maior – PI.<br>Presidente: Dr. Denilson Eugênio </p>
                  <div id="fotos-quem">
                    <ul id="myGallery">
                        {% for imagem in imagem %}
		                <li><img src="{{ MEDIA_URL }}{{ imagem.foto }}" alt=""   /></li>
                        {% endfor %}
                    </ul>
                  </div>
            </div>
            
        </div>
    </div>
    {% include "sidebar.html" %}
    </div>
    {% include "footer.html" %}
</div>
</body>
</html>